<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}后台管理{% endblock %} - 个人网站</title>
    <link rel="icon" href="/static/favicon.ico" type="image/x-icon">
    <!-- 引入字体图标CSS -->
    <link rel="stylesheet" href="/static/css/nekotora.css">
    <!-- 引入管理员样式 -->
    <link rel="stylesheet" href="/static/css/admin.css">
    
    <!-- 页面特定的CSS块 -->
    {% block css %}{% endblock %}
</head>
<body>
    <div class="background">
        <!-- 背景动效容器，根据配置动态切换 -->
        <div id="background-container">
            <canvas id="background-canvas"></canvas>
        </div>
        <div class="cover"></div>
    </div>
    
    <div class="container">
        <!-- 侧边栏 -->
        <aside class="sidebar">
            <div class="sidebar-header">
                <h2>后台管理</h2>
            </div>
            <ul class="menu">
                <li class="menu-item">
                    <a href="/admin/dashboard" {% if request.url.path == '/admin/dashboard' %}class="active"{% endif %}>
                        仪表盘
                    </a>
                </li>
                <li class="menu-item">
                    <a href="/admin/website-config" {% if request.url.path == '/admin/website-config' %}class="active"{% endif %}>
                        网站配置
                    </a>
                </li>
                <li class="menu-item">
                    <a href="/admin/contacts" {% if request.url.path == '/admin/contacts' %}class="active"{% endif %}>
                        联系方式
                    </a>
                </li>
                <li class="menu-item">
                    <a href="/admin/link-categories" {% if request.url.path == '/admin/link-categories' %}class="active"{% endif %}>
                        链接分类
                    </a>
                </li>
                <li class="menu-item">
                    <a href="/admin/links" {% if request.url.path == '/admin/links' %}class="active"{% endif %}>
                        网站链接
                    </a>
                </li>
                <li class="menu-item">
                    <a href="/admin/tags" {% if request.url.path == '/admin/tags' %}class="active"{% endif %}>
                        标签管理
                    </a>
                </li>
                <li class="menu-item">
                    <a href="/admin/titles" {% if request.url.path == '/admin/titles' %}class="active"{% endif %}>
                        标题管理
                    </a>
                </li>
                <li class="menu-item">
                    <a href="/admin/search-engines" {% if request.url.path == '/admin/search-engines' %}class="active"{% endif %}>
                        搜索引擎管理
                    </a>
                </li>
                <li class="menu-item">
                    <a href="/admin/static-pages" {% if request.url.path == '/admin/static-pages' or request.url.path.startswith('/admin/static-pages/') %}class="active"{% endif %}>
                        静态网页管理
                    </a>
                </li>
            </ul>
        </aside>
        
        <!-- 主内容区 -->
        <main class="main-content">
            <header class="header">
                <div class="header-left">
                    <h1>{% block page_title %}后台管理{% endblock %}</h1>
                </div>
                <div class="header-right">
                    <!-- 直接显示按钮而不是下拉菜单 -->
                    <button class="btn btn-default user-btn" style="margin-right: 10px;">
                        {% if current_user and 'username' in current_user.__dict__ %}{{ current_user.username }}{% else %}管理员{% endif %}
                    </button>
                    <a href="/" class="btn btn-primary" style="margin-right: 10px;">
                        返回首页
                    </a>
                    <a href="/admin/change-password" class="btn btn-secondary" style="margin-right: 10px;">
                        修改密码
                    </a>
                    <a href="/admin/logout" class="btn btn-danger logout-btn">
                        退出登录
                    </a>
                </div>
            </header>
            
            <div class="content">
                {% block content %}{% endblock %}
            </div>
        </main>
        
        <!-- 背景动效配置 -->
        <script>
            // 全局背景动效配置变量，供其他脚本使用
            window.backgroundEffect = '{{ config.background_effect if config else "stars" }}';
            // 添加背景图片URL配置，使用与主页面相同的健壮配置方案
            window.backgroundImageUrl = '{{ config.background_image_url if config and config.background_image_url else "/static/uploads/backgrounds/background_1762498584_122.jpeg" }}';
        </script>
        
        <!-- 引入JS库 -->
        <script src="/static/js/zepto.min.js"></script>
        <script src="/static/js/background-effects.js"></script>
        <script src="/static/js/admin.js"></script>
        
        <!-- 页面特定的JS块 -->
        {% block js %}
        <!-- 引入基础响应式布局脚本 -->
        <script src="/static/js/admin/responsive-layout.js"></script>
        {% endblock %}
        
        <!-- 确保背景动效使用最新配置初始化 - 放在所有页面特定JS之后 -->
        <script>
            // 等待所有脚本加载完成后，显式重新初始化背景动效
            window.addEventListener('load', function() {
                // 确保initBackgroundEffect函数存在
                if (typeof initBackgroundEffect === 'function') {
                    console.log('Re-initializing background effect with config:', window.backgroundEffect);
                    initBackgroundEffect(window.backgroundEffect);
                }
            });
        </script>
    </div>
</body>
</html>